<template>
    <v-footer color="grey darken-2">
        <v-layout row wrap align-center>
            <v-flex xs12>
                <div class="white--text ml-4">
                    Respect to：
                    <v-icon class="red--text">mdi-heart</v-icon>
                    <a class="white--text" href="https://vuetifyjs.com" target="_blank">Vuetify</a>
                    ©NUTSCHAN.BLOG, powered by:
                    <a class="white--text" href="http://127.0.0.1:9527/#/">nutschan</a>
                    Thanks For：
                    <a class="white--text" href="https://github.com/vwxyzjn">Costa Huang</a>
                    <v-icon class="yellow--text">mdi-thumb-up</v-icon>
                </div>
            </v-flex>
        </v-layout>
    </v-footer>
    <!--<v-footer
            dark
            padless
    >
        <v-card
                class="flex"
                flat
                tile
        >
            <v-card-title class="teal">
                <strong class="subheading">Get connected with us on social networks!</strong>

                <div class="flex-grow-1"></div>

                <v-btn
                        v-for="icon in icons"
                        :key="icon"
                        class="mx-4"
                        dark
                        icon
                >
                    <v-icon size="24px">{{ icon }}</v-icon>
                </v-btn>
            </v-card-title>

            <v-card-actions class="grey darken-3 justify-center">
                {{ new Date().getFullYear() }} — <strong>Vuetify</strong>
            </v-card-actions>
        </v-card>
    </v-footer>-->
</template>

<script>
    export default {
        name: "blogFooter",
        data:()=>({
            icons: [
                'fab fa-facebook',
                'fab fa-twitter',
                'fab fa-google-plus',
                'fab fa-linkedin',
                'fab fa-instagram',
            ],
        })
    }
</script>

<style scoped>

</style>